<template>

    <li>
        <div>
            <img :src="item.userPic" alt="">
        </div>
        <div>
            <span>{{ item.userName }}</span>
            <span>{{ item.title }}</span>
        </div>
    </li>

</template>

<script>
export default {
    props: {
        item: {
            type: Object,
            required: true
        }
    },

    data() {
        return {

        };
    },

    mounted() {

    },

    methods: {

    },
};
</script>

<style lang="scss" scoped>
li {
    list-style: none;
}
</style>